<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>keyevent</title>

</head>
<body>

<div id="app">
    <suiji :user="user" :age="50"></suiji>
</div>
</body>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  let suiji = {
      template:`<div>
    随便写的{{user}},{{age}}
</div>`,
      props:{
          user:{
              type:Object,
              default:{}
          },
          age:{
              type: Number,
              default: 18
          }
      }

  }
    let vm = new Vue({
        el: "#app",
        components:{
            suiji:suiji
        },
        data:{
            user:{
                id:1,
                name:"suiji"
            },
            age:{
                age:11
            }
        }
    })
</script>
</html>